Fuel gauge grow effect
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.fuel.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
window.onload = function ()
{
var data = [4,8,6,3,1,2,5,8,9];
var fuel = new RGraph.Fuel({
id: 'cvs',
min: 0,
max: 100,
value: 56,
options: {
textAccessible: true
}
}).grow();
setTimeout(function ()
{
fuel.value = 12;
fuel.grow();
}, 3500);
};
</script>